<%-- @autor Jorge Lainfiesta, 11142 --%>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page isELIgnored="false" %>
<jsp:useBean id="auser" class="struct.AcaaiUserServer" scope="session" />

<jsp:useBean id="directivos" class="struct.AcaaiUserList" scope="request" />
<jsp:useBean id="concejos" class="struct.AcaaiUserList" scope="request" />
<jsp:useBean id="pares" class="struct.AcaaiUserList" scope="request" />
<jsp:useBean id="juntas" class="struct.AcaaiUserList" scope="request" />
<jsp:useBean id="inactivos" class="struct.AcaaiUserList" scope="request" />

<%-- Página para manejar usuarios --%> 

<html>
	<head>
		<link type="text/css" rel="stylesheet" href="/stylesheets/main.css" />
		<script src="http://code.jquery.com/jquery-1.8.2.js" type="text/javascript"></script>
		<script src="js/main.js" type="text/javascript"></script>
		<title>Manejar Usuarios</title>	
	</head>
	<body>
		<div id="wrapper">
			<%-- Se muestra el logo de ACAAI e información del usuario--%> 
			<%@include file="/jspf/header2.jspf" %>
		<div class="forms">
		<h2>Manejar Usuarios</h2>
		<p>
		En esta secci&oacute;n se le muestra una lista de usuarios que tienen o no acceso a la aplicación.
		</p>
		
		<%--Usuarios activos se cargan aquí --%>
		<h3>Usuarios confirmados</h3>
		
		<div class="hidden_details account_group">
				<h3 class="hidden_detail_title">Miembros del Concejo</h3>
				<ul class="hidden_detail_block accordion">
					<c:if test="${concejos.size == 0}">
						<li class="empty">No hay usuarios en el sistema</li>
					</c:if>
					<c:forEach var="user" items="${concejos.users}">
						<li>
						${fn:escapeXml(user.email)}
							<form class="remove_form" action="/manageusers" method="post">
								<input type="hidden" name="opt" value="delete" />
								<input type="hidden" name="did" value="${fn:escapeXml(user.id)}" />
								<input type="submit" value="Eliminar" />
							</form>
						</li>
					</c:forEach>
				</ul>
		</div>
		<div class="hidden_details account_group">
				<h3 class="hidden_detail_title">Junta Directiva</h3>
				<ul class="hidden_detail_block accordion">
					<c:if test="${juntas.size == 0}">
						<li class="empty">No hay usuarios en el sistema</li>
					</c:if>
					<c:forEach var="user" items="${juntas.users}">
						<li>
						${fn:escapeXml(user.email)}
							<form class="remove_form" action="/manageusers" method="post">
								<input type="hidden" name="opt" value="delete" />
								<input type="hidden" name="did" value="${fn:escapeXml(user.id)}" />
								<input type="submit" value="Eliminar" />
							</form>
						</li>
					</c:forEach>
				</ul>
		</div>
		<div class="hidden_details account_group">
				<h3 class="hidden_detail_title">Pares</h3>
				<ul class="hidden_detail_block accordion">
					<c:if test="${pares.size == 0}">
						<li class="empty">No hay usuarios en el sistema</li>
					</c:if>
					<c:forEach var="user" items="${pares.users}">
						<li>
						${fn:escapeXml(user.email)}
							<form class="remove_form" action="/manageusers" method="post">
								<input type="hidden" name="opt" value="delete" />
								<input type="hidden" name="did" value="${fn:escapeXml(user.id)}" />
								<input type="submit" value="Eliminar" />
							</form>
						</li>
					</c:forEach>
				</ul>
		</div>
		<div class="hidden_details account_group">
				<h3 class="hidden_detail_title">Directivos</h3>
				<ul class="hidden_detail_block accordion">
					<c:if test="${directivos.size == 0}">
						<li class="empty">No hay usuarios en el sistema</li>
					</c:if>
					<c:forEach var="user" items="${directivos.users}">
						<li>
						${fn:escapeXml(user.email)}
							<form class="remove_form" action="/manageusers" method="post">
								<input type="hidden" name="opt" value="delete" />
								<input type="hidden" name="did" value="${fn:escapeXml(user.id)}" />
								<input type="submit" value="Eliminar" />
							</form>
						</li>
					</c:forEach>
				</ul>
		</div>
		
		
		<h3>Usuarios que aún no han iniciado sesión</h3>
		<ul>
			<c:if test="${inactivos.size == 0}">
				<li class="empty">No usuarios en el sistema</li>
			</c:if>
			<c:forEach var="user" items="${inactivos.users}">
				<li>
				${fn:escapeXml(user.email)}
				<em class="shadow">${fn:escapeXml(user.textGroup)}</em>
					<form class="remove_form" action="/manageusers" method="post">
						<input type="hidden" name="opt" value="delete" />
						<input type="hidden" name="did" value="${fn:escapeXml(user.id)}" />
						<input type="submit" value="Borrar" />
					</form>
				</li>
			</c:forEach>
		</ul>
		<c:if test="${param.emailExists!=null}">
			<span class="fail">Ya existe una cuenta con este email: ${fn:escapeXml(param.existingEmail)}</span>
		</c:if>
		<c:if test="${param.invalidEmail!=null}">
			<span class="fail">Error al intentar enviar correo de confirmación a ${fn:escapeXml(param.invalidEmail)}</span>
		</c:if>
		<div class="hidden_details crear_cuenta">
				<h3 class="hidden_detail_title">Invitar Usuario</h3>
				<form action="/manageusers" method="post" class="hidden_detail_block">
					<label>Email</label><input type="email" name="email" /><br />
					<label>Tipo</label>
					<select name="tipo">
						<option value="10">Miembro del Concejo</option>
						<option value="20">Miembro de la Junta</option>
						<option value="40">Par</option>
						<option value="30">Directivo</option>
					</select>
					<input type="hidden" name="opt" value="add" />
					<input type="submit" value="Invitar Usuario" />
				</form>
			</div>
		</div>
		</div>
    </body>
</html>
